// pages/category/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 左侧列表数据
    leftMenuList: [],
    // 右侧列表
    rightDataList: [],
    // 当前选中
    currentIndex: 0
  },
  //定义个当前页面的全局变量
  cates: [],
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCategories()


     let cates = wx.getStorageSync('cates')
    //  console.log(cates);
    //  this.getCategories()
    //  console.log(+new Data());
    if(!cates){
      this.getCategories()
    }else{
      if((+new Date() - cates.time)>10000){
        this.getCategories()
      }else{
        this.cates =cates.data;
       
        //获取左侧按钮内容
        let leftMenuList = this.cates.map(item => item.cat_name);
        //获取右侧商品分类列表
        let rightDataList = this.cates[0].children;
        this.setData({
          leftMenuList,
          rightDataList
        })
      }
    }
  },

  getCategories: async function () {
    let {
      data
    } = await wx.categoriesApi.getCategories();
    this.cates = data.message;
    // 将数据存储到本地存储
    wx.setStorageSync("cates", {

      data: this.cates,
      time: +new Date(),
    })
    //获取左侧按钮内容
    let leftMenuList = this.cates.map(item => item.cat_name);
    //获取右侧商品分类列表
    let rightDataList = this.cates[0].children;
    this.setData({
      leftMenuList,
      rightDataList
    })
    // onclick

    // console.log(leftData)
  },
  onclick(e) {
    console.log(e);
    let {
      index
    } = e.currentTarget.dataset;
    let rightDataList = this.cates[index].children;
    this.setData({
      rightDataList,
      currentIndex: index
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})